<template>
<div>
  <div class="top">
     <a href="javascript:;" @click="Skip('/login')">首页</a>
     <a href="javascript:;" @click="Skip('/sort')">分类</a>
     <a href="javascript:;" @click="Skip('/order')">订单</a>
     <a href="javascript:;" @click="Skip('/my')">我的</a>

  </div>
   <div class="main">
     <!-- 匹配的组件在这里渲染 是路由的出口 -->
<router-view></router-view>
   </div>
       
  </div>
</template>

<script>
export default {
methods:{
   Skip(path){
      this.$router.push({
        // path:path
        path,
        query:{
          //query  里面的参数会被拼接到 url 上
        }
      })
    },
}
}
</script>

<style>

</style>